<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>添加商户</title>
		<link rel="stylesheet" type="text/css" href="css/shgl.css"/>
		<link rel="stylesheet" type="text/css" href="css/guanlixitong.css"/>
		<!--<link rel="stylesheet" type="text/css" href="css/comm.css"/>-->
	</head>
	<body>
			<div class="main_content">
				<div class="con_left">
					<div class="l-box in">
						<a href="shgl.html">添加商户</a>
					</div>
					<div class="l-box">
						<a href="shgl2.html">商户管理</a>
					</div>
				</div>
				<div class="con_right fl">
					<div class="r_main">
						<form action="" method="post">
						<div class="warp-left">
							<div class="group-radio">
								<div class="i-radio d-i-b">
								用户启动界面：
									<div class="f-inp-r">
										<input type="radio" name="zhuangtai" checked="checked"/><i class="ii"></i>
									</div>
									<span>综合</span>
								</div>
								<div class="i-radio d-i-b">
									<div class="f-inp-r">
										<input type="radio" name="zhuangtai"/><i></i>
									</div>
									<span>洗车机</span>
								</div>
								<div class="i-radio d-i-b">
									<div class="f-inp-r">
										<input type="radio" name="zhuangtai"/><i></i>
									</div>
									<span>售水机</span>
								</div>
								<div class="i-radio d-i-b">
									<div class="f-inp-r">
										<input type="radio" name="zhuangtai"/><i></i>
									</div>
									<span>洗衣机</span>
								</div>
								<div class="i-radio d-i-b">
									<div class="f-inp-r">
										<input type="radio" name="zhuangtai"/><i></i>
									</div>
									<span>支付盒子</span>
								</div>
							</div>
							<div class="s-one d-i-b">上级商户：
								<div class="f-inp-s d-i-b">
									<div>
										<select name='make'>
										    <option value='全部' selected>全部</option>
										</select>
									</div>
									<div class="s_img">
										<img src="img/select.png"/>
									</div>
								</div>
							</div>
							<div class="info-con">
								<p>商户编号：</p><input maxlength="4" type="text" name="" id="input_shbh" value="" /><span style="display: none;color: red;">*</span><span>（机器编号由非零整数组成。【1-9999】）</span>
								<span style="display: none;color: red; margin-left: 100px;">由非零正整数组成</span>
							</div>
							<div class="info-con">
								<p>账号：</p><input type="text" name="" id="input_zhh" value="" /><span style="display: none;color: red;">*</span><span>（账号用于登录系统，由字母、数字组成）</span>
							</div>
							<div class="info-con">
								<p>密码：</p><input type="password" name="" id="input_mm" value="" /><span style="display: none;color: red;">*</span>
							</div>
							<div class="info-con">
								<p>确认密码：</p><input type="password" name="" id="input_qrmm" value="" /><span style="display: none;color: red;">*</span><span style="display: none;color: red;">两次输入的密码不一致！</span>
							</div>
							<div class="info-con">
								<p>企业名称：</p><input type="text" name="" id="input_qymc" value="" /><span style="display: none;color: red;">*</span>
							</div>
							<div class="info-con">
								<p>企业地址：</p><input type="text" name=""  value="" />
							</div>
							<div class="info-con">
								<p>联系电话：</p><input type="text" name=""  value="" />
							</div>
							<div class="info-con">
								<p>负责人：</p><input type="text" name=""  value="" />
							</div>
							<div class="info-con">
								<p>负责人电话：</p><input type="text" name=""  value="" />
							</div>
						</div>
						<div class="mid-line">
							
						</div>
						<div class="warp-right">
							<div class="info-con">
								<p>QQ：</p><input type="text" name=""  value="" />
							</div>
							<div class="info-con">
								<p>电子邮箱：</p><input type="text" name="" id="input_mail" value="" />
								<span style="color: red;display: none;">*</span>
								<span style="color: red;display: none;">邮箱格式不对</span>
							</div>
							<div class="info-con">
								<p>微信账号：</p><input type="text" name=""  value="" />
							</div>
							<div class="info-con zhifu">
								<p>微信支付：</p><input type="checkbox" name=""  value="" /><span>选择“√”后使用商户自己的微信支付接口，否则使用厂家的自己的微信支付接口</span>
							</div>
							<div class="info-con">
								<p>支付宝账号：</p><input type="text" name=""  value="" />
							</div>
							<div class="info-con zhifu">
								<p>支付宝支付：</p><input type="checkbox" name=""  value="" /><span>选择“√”后使用商户自己的微信支付接口，否则使用厂家的自己的微信支付接口</span>
							</div>
							<div class="group-radio">
								<div class="i-radio d-i-b" style="margin-right: 31px;">
								<p>微信强制关注：</p>
									<div class="f-inp-r">
										<input type="radio" name="gzweixin" checked="checked"/><i class="ii"></i>
									</div>
									<span>是</span>
								</div>
								<div class="i-radio d-i-b">
									<div class="f-inp-r">
										<input type="radio" name="gzweixin"/><i></i>
									</div>
									<span>否</span>
								</div>
							</div>
							<div class="group-radio">
								<div class="i-radio d-i-b">
								<p>是否开通Api：</p>
									<div class="f-inp-r">
										<input type="radio" name="api" checked="checked"/><i class="ii"></i>
									</div>
									<span>开通</span>
								</div>
								<div class="i-radio d-i-b">
									<div class="f-inp-r">
										<input type="radio" name="api"/><i></i>
									</div>
									<span>关闭</span>
								</div>
							</div>
							<div class="group-radio">
								<div class="i-radio d-i-b">
								<p>会员：</p>
									<div class="f-inp-r">
										<input type="radio" name="huiyuan" checked="checked"/><i class="ii"></i>
									</div>
									<span>开通</span>
								</div>
								<div class="i-radio d-i-b">
									<div class="f-inp-r">
										<input type="radio" name="huiyuan"/><i></i>
									</div>
									<span>关闭</span>
								</div>
							</div>
							<div class="group-radio">
								<div class="i-radio d-i-b">
								<p>是否开通商户通：</p>
									<div class="f-inp-r">
										<input type="radio" name="shhtong" checked="checked"/><i class="ii"></i>
									</div>
									<span>开通</span>
								</div>
								<div class="i-radio d-i-b">
									<div class="f-inp-r">
										<input type="radio" name="shhtong"/><i></i>
									</div>
									<span>关闭</span>
								</div>
							</div>
							<div class="group-radio">
								<div class="i-radio d-i-b">
								<p>商户启用状态：</p>
									<div class="f-inp-r">
										<input type="radio" name="shhqiyong" checked="checked"/><i class="ii"></i>
									</div>
									<span>启用</span>
								</div>
								<div class="i-radio d-i-b">
									<div class="f-inp-r">
										<input type="radio" name="shhqiyong"/><i></i>
									</div>
									<span>停用</span>
								</div>
							</div>
							<input type="submit" name=""  value="保存" class="btn"/>
							<input type="button" onclick="window.location.href='shgl2.html'" name="" id="" value="返回" class="btn back"/>
						</div>
						</form>
					</div>
				</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/shgl.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				$(":submit").on("click",function(){
					$('#input_shbh').nextAll().eq(0).css('display','none');
					$('#input_shbh').nextAll().eq(2).css('display','none');
					$('#input_zhh').nextAll().eq(0).css('display','none');
					$('#input_mm').nextAll().eq(0).css('display','none');
					$('#input_qrmm').nextAll().eq(0).css('display','none');
					$('#input_qrmm').nextAll().eq(1).css('display','none');
					$('#input_qymc').nextAll().eq(0).css('display','none');
					$('#input_mail').nextAll().eq(1).css('display','none');
					$('#input_mail').nextAll().eq(0).css('display','none');
					
					var input_shbh=$.trim($("#input_shbh").val());
					var input_zhh = $.trim($('#input_zhh').val());
					var input_mm = $.trim($('#input_mm').val());
					var input_qrmm = $.trim($('#input_qrmm').val());
					var input_qymc = $.trim($('#input_qymc').val());
					var input_mail = $.trim($('#input_mail').val());
					var r=/\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/;
					
					if(!input_shbh){
						$('#input_shbh').nextAll().eq(0).css('display','inline-block');
						return false;
					}else if(!$.isNumeric(input_shbh)){
						$('#input_shbh').nextAll().eq(2).css('display','block');
						return false;
					}else if(input_shbh>9999||input_shbh<1){
						$('#input_shbh').nextAll().eq(2).css('display','block');
						return false;
					}else if(!input_zhh){
						$('#input_zhh').nextAll().eq(0).css('display','inline-block');
						return false;
					}else if(!input_mm){
						$('#input_mm').nextAll().eq(0).css('display','inline-block');
						return false;
					}else if(!input_qrmm){
						$('#input_qrmm').nextAll().eq(0).css('display','inline-block');
						return false;
					}else if(input_qrmm!=input_mm){
						$('#input_qrmm').nextAll().eq(1).css('display','inline-block');
						return false;
					}else if(!input_qymc){
						$('#input_qymc').nextAll().eq(0).css('display','inline-block');
						return false;
					}else if(!input_mail){
						$('#input_mail').nextAll().eq(0).css('display','inline-block');
						return false;
					}else if(!r.test(input_mail)){
						$('#input_mail').nextAll().eq(1).css('display','inline-block');					
						return false;
					}
					else{
						return true;
					}
				})


					

					

					
			})
		</script>
	</body>
</html>
